<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.2</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="x-nav">
            <span class="layui-breadcrumb">
                <a href="">首页</a>
                <a href="">导航</a>
                <a>
                    <cite>类型导航</cite></a>
            </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
       onclick="location.reload()" title="刷新">
        <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
    </a>
</div>

<div>
    <table class="layui-hide" id="demo" lay-filter="test"></table>
    <div id="page"></div>
</div>

<script type="text/html" id="buttonTpl">
    {{#  if(d.aState == 1){ }}
    <button class="layui-btn layui-btn-xs">已审核</button>
    {{#  }else if(d.aState == -1){ }}
    <button class="layui-btn-warm layui-btn-xs">已下架</button>
    {{#  }else if(d.aState == -2){ }}
    <button class="layui-btn-danger layui-btn-xs">未通过</button>
    {{#  } else { }}
    <button class="layui-btn layui-btn-primary layui-btn-xs">未审核</button>
    {{#  } }}
</script>

<script>

    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element', 'slider'], function () {
        var laydate = layui.laydate //日期
            , laypage = layui.laypage //分页
            , layer = layui.layer //弹层
            , table = layui.table //表格
            , carousel = layui.carousel //轮播
            , upload = layui.upload //上传
            , element = layui.element //元素操作
            , slider = layui.slider //滑块

        //向世界问个好
        //layer.msg('Hello World');

        //监听Tab切换
        element.on('tab(demo)', function (data) {
            layer.tips('切换了 ' + data.index + '：' + this.innerHTML, this, {
                tips: 1
            });
        });

     /*   //页面第一次请求 默认 1页 10条
        function dataLists(pageNum, numPerPage) {
            $.get("http://localhost:8080/sys-a/findA", {
                page: pageNum, // 页码数
                limit: numPerPage // 每页条数
            }, function (data) {
                console.log(data)
                //let datalist = JSON.parse(data)
                dataList(data.data) // 数据传到 table组件
                page(data.data)   // 数据传到 分页组件
            })
        }*/

        //dataLists(1, 10)

        /*function page(data) {
            laypage.render({
                elem: 'page', //注意，这里的 page 是 ID，不用加 # 号
                count: data.sum, //数据总数，从服务端得到
                limit: data.list.length, // 每页条数
                limits: [10, 20, 30, 40, 50],
                layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
                jump: function (obj, first) {
                    console.log("obj-----------------------------")
                    console.log(obj)
                    //obj包含了当前分页的所有参数，比如：
                    //console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                    //console.log(obj.limit); //得到每页显示的条数
                    //首次不执行
                    if (!first) {
                        //do something
                        numpage(obj.curr, obj.limit) // 分页点击传参
                    }
                }
            });
        }
*/
     /*   // 从新写了 一个请求
        function numpage(pageNum, numPerPage) {
            $.get("http://localhost:8080/sys-a/findA", {
                page: pageNum,
                limit: numPerPage
            }, function (data) {
                //let datalist = JSON.parse(data)
                dataList(data.data) // 传到table组件
            })
        }
*/
        function dataList(data) {
            table.render({
                elem: '#demo',
                cols: [[ //表头
                    {type: 'checkbox', fixed: 'left', width: 50}
                    , {
                        field: 'user.uid', title: 'ID', templet: function (data) {
                            return data.user.uid;
                        }, width: 60, sort: true, fixed: 'left'
                    }
                    , {
                        field: 'user.uname', title: '作者', templet: function (data) {
                            return data.user.uname;
                        }, width: 100
                    }
                    , {field: 'rquestionId', title: '问题ID', width: 100}
                    , {field: 'rcontent', title: '内容', width: 240}
                    , {field: 'rdata', title: '创建时间', width: 170}
                    , {field: 'rstate', title: '状态', width: 80, templet: '#buttonTpl'}
                    , {field: 'checkDescribe', title: '审核描述', width: 170}
                    , {field: 'checkTime', title: '审核时间', width: 200}
                    , {fixed: 'right', width: 114, align: 'center', toolbar: '#barDemo'}
                ]],
                data: data.list, // 数据
                limit: data.sum, // 显示的条数
                //page: true, // 开启分页
            });
        }
    });

    var cateIds = [];

    function getCateId(cateId) {
        $("tbody tr[fid=" + cateId + "]").each(function (index, el) {
            id = $(el).attr('cate-id');
            cateIds.push(id);
            getCateId(id);
        });
    }

</script>
</body>
</html>
